 <div class="home-page">

  <div class="banner">
    <div class="container">
      <h1 ng-bind="::$ctrl.appName"></h1>
      <p>{{ 'APP_NAME_SUB' | translate }}</p>
    </div>
  </div>

  <div class="container">
    <div class="row">


      <div class="col-md-9">

      </div>

      <div class="col-md-3">

      </div>

    </div>
  </div>

  <!-- Modal -->
<div class="modal fade" id="noSupportModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body" style="color:#444">
        <img src="images/logomark.png" style="width: 125px;" />
        <p>{{ 'HOME_UNSUPPORTED_BROWSER' | translate }}</p>
        <p><b><u>{{ 'HOME_RECOMMENDED_BROWSERS' | translate }}</u></b></p>
        <p>
          <a href="https://www.mozilla.org" target="_blank" data-toggle="tooltip" data-placement="bottom" title="" class="ng-binding" data-original-title="Firefox">
            <i class="fa fa-firefox fa-3x"></i>
          </a>
          <a href="https://www.google.com/chrome/" target="_blank" data-toggle="tooltip" data-placement="bottom" title="" class="ng-binding" data-original-title="Chrome">
            <i class="fa fa-chrome fa-3x"></i>
          </a>
          <a href="http://www.apple.com/safari/" target="_blank" data-toggle="tooltip" data-placement="bottom" title="" class="ng-binding" data-original-title="Safari">
            <i class="fa fa-safari fa-3x"></i>
          </a>
        </p>
      </div>
    </div>
  </div>
</div>

</div>
